.hotbg { width: 100%; height: 81px; background: url(../images/hotbg.jpg) top center repeat-y; overflow: hidden; border-bottom: 1px solid #efefef; }
.hot-l { float: left; }
.hot-l img { float: left; vertical-align: middle; }
.hot-l p { display: block; float: left; line-height: 81px; font-size: 16px; color: #fff; }
.hot-r {float: left;margin-left: 89px;width: 715px;height: 81px;}
.hot-r a { display: block; float: left; margin-right: 5px; line-height: 81px; font-size: 16px; color: #000; }
/*  */
.tit01 {position: relative;width: 100%;height: 121px;overflow: hidden;}
.tit01 span { position: absolute; top: 0px; left: 0px; z-index: 1; width: 100%; font-size: 70px; color: #e2e2e2; text-align: center; font-family: "Impact"; text-align: center; text-transform: uppercase; }
.tit01 h2 { display: block; margin-top: 30px; margin-bottom: 8px; width: 100%; font-size: 37px; color: #eb0909; text-align: center; letter-spacing: 0px; font-weight: bold; }
.tit01 p { display: block; text-align: center; font-size: 17px; color: #7f8c8d; letter-spacing: 0px; }
.tit01 .linea { margin-top: 15px; width: 100%; height: 3px; border-top: 1px solid #efefef; }
/*  */
.pro-lei {padding-left: 1px;overflow: hidden;margin: 0 auto;display: block;width: 100%;}
.pro-lei a {line-height: 40px;background: #234bba;text-align: center;color: white !important;padding: 0px 14px;height: 45px;margin: 10px;border-radius: 30px;font-size: 20px;box-sizing: border-box;display: block;float: left;}
.pro-lei a em { width: 5px; height: 5px; border-radius: 50%; display: block; background: #e65224; float: right; margin-top: 20px; margin-left: 10px; -webkit-transition-duration: 0.5s; -moz-transition-duration: 0.5s; -ms-transition-duration: 0.5s; -o-transition-duration: 0.5s; transition-duration: 0.5s; }
.pro-lei a:hover { background: #e65224; }
.pro-lei a:hover em { width: 13px; height: 4px; border-radius: 5px; display: block; background: #fff; float: right; margin-top: 20px; margin-left: 10px; }
/*  */

#pro-box1 {width: 99%;overflow: hidden;margin: 21px auto;}
 @media (max-width: 1366px) {
#pro-box1 { width: 100%; overflow: hidden; margin: 50px auto; }
}
#pro-box1 li {width: 19.5%;background: #fff;margin: 0.5% 0.5% 0% 0%;float: left;list-style: none;position: relative;z-index: 0;box-shadow: 0px 0px 10px #ccc;border: solid 1px #ddd;box-sizing: border-box;}
#pro-box1 li div{
    width: 93%;
    height: 241px;
    overflow: hidden;
    margin: 0 auto;
    margin-top: 12px;
}
#pro-box1 li img {padding: 0;margin: 0;width: 100%;}
#pro-box1 li p {width: 100%;height: 42px;background: #fff;line-height: 42px;}
#pro-box1 li p > a {width: 100%;text-align: center;font-size: 16px;color: #000;display: block;font-weight: 200;}
#pro-box1 li p em { background: url(../images/pro-tel1.png) 20px center no-repeat #2f44c3; font-size: 20px; color: #fff; line-height: 40px; display: block; text-align: center; width: 70%; position: absolute; z-index: 3; margin: 0 auto; bottom: -20px; left: 0; right: 0; border-radius: 20px; }
#pro-box1 li:hover  {/* background: #2f44c3; */box-shadow: 0 0 10px rgb(0 0 0 / 50%);}


#pro-box1 li:nth-child(5n){ margin-right:0 !important;}
/*  */

#home-ys { width: 100%; height: 930px; background: url(../images/bg2.jpg) top center no-repeat; padding: 50px 0px; overflow: hidden; }
#home-ys > img { display: block; margin: 20px auto; }
#home-ys > p { font-size: 22px; color: #fff; text-align: center; padding-top: 20px; }
#home-ys ul { width: 1300px; height: 660px; margin: 0 auto; padding-top: 30px; position: relative; }
#home-ys ul > img { display: block; margin: 0 auto; position: absolute; bottom: 0; left: 0; right: 0; z-index: 99; }
#home-ys ul li { width: 390px; height: 580px; text-align: center; background: url(../images/ysbg1.png) top left no-repeat; float: left; position: absolute; z-index: 3; }
#home-ys ul li:nth-of-type(1) { transform: rotate(-72deg); bottom: -191px; left: 100px; }
#home-ys ul li:nth-of-type(2) { transform: rotate(-35deg); bottom: -8px; left: 230px; }
#home-ys ul li:nth-of-type(3) { transform: rotate(0deg); bottom: 60px; left: 460px; }
#home-ys ul li:nth-of-type(4) { transform: rotate(35deg); bottom: -8px; right: 230px; }
#home-ys ul li:nth-of-type(5) { transform: rotate(72deg); bottom: -191px; right: 100px; }
#home-ys ul li > img { display: block; margin: 50px auto 10px; }
#home-ys ul li strong { font-size: 20px; color: #000; line-height: 40px; text-align: center; width: 100%; font-weight: normal; }
#home-ys ul li p { font-size: 14px; color: #666; padding: 10px 100px; line-height: 25px; text-align: center; }
#home-ys ul li:hover { background: url(../images/ysbg1x.png) top left no-repeat; }
#home-ys ul li:hover strong { color: #fff; }
#home-ys ul li:hover p { color: #fff; }
/*  */

#home-case {width: 100%;overflow: hidden;background: #fff;padding: 52px 0px;}
#home-case > h2 { font-size: 34px; color: #000; text-align: center; line-height: 50px; }
#home-case > h2:after { content: ""; width: 100px; height: 1px; background: #ccc; display: inline-block; margin-left: 20px; margin-bottom: 10px; }
#home-case > h2:before { content: ""; width: 100px; height: 1px; background: #ccc; display: inline-block; margin-right: 20px; margin-bottom: 10px; }
#home-case > h3 { color: #000; font-weight: initial; font-size: 20px; text-align: center; }
/*  */
.slideTxtBox{width: 1300px;margin: 0 auto;margin-top: 33px;}
.slideTxtBox .hd{}
.slideTxtBox .hd>ul{height: 100px;margin: 30px auto 20px;background: #e1dede;}
.slideTxtBox .hd>ul li{cursor:pointer;width: 260px;height: 100px;line-height: 100px;display: block;float: left;font-size: 20px;text-align: center;}
.slideTxtBox .hd>ul li.on{background: #2f44c3 !important;color: #fff !important;}
.slideTxtBox .hd>ul li.on a{color:white}
.slideTxtBox .bd>ul{zoom:1;height: 500px;background: #eee;padding: 30px;box-sizing: border-box;margin: 0 auto;width: 1300px !important;}
.slideTxtBox .bd>li{ height:24px; line-height:24px;   }
.slideTxtBox .bd>li .date{ float:right; color:#999;  }
/*  */
.case-cont{
	width: 1300px;
	height: 500px;
	background:#eee;
	padding:30px;
	box-sizing: border-box;
	margin: 0 auto;
}
.case-cont strong{
	font-size: 24px;
	color: #2f44c3;
	line-height: 64px;
}
.case-cont p{
	font-size: 15px;
	line-height: 31px;
	color: #555;
}
.case-cont>img{
	display: block;
	margin-right: 40px;
	float: left;
	
}
.case-cont ul{
	width: 600px;
	float: left;
	margin-top: 20px;
}
.case-cont ul a{
	margin: 5px;
	display: block;
	float: left;
	margin-right: 8px;
}
.case-cont ul a img{
	height: 146px;
}
/*  */

#home-about {     width: 100%;
    overflow: hidden;
    background: #2133a3;
    padding: 45px 0px 22px;
    box-sizing: border-box;
    position: relative; }
.about-box { width: 1300px; overflow: hidden; margin: 0 auto; }
.about-l { width: 600px; float: left; overflow: hidden; }
.about-l h2 { font-size: 34px; color: #ffe233; text-align: left; padding-bottom: 20px; }
.about-l .jj { width: 600px; overflow: hidden; margin: 0 auto; font-size: 16px; color: #fff; line-height: 30px; text-align: left; }
.about-l h3 { font-size: 22px; color: #192a6d; width: 150px; height: 40px; background: #ffe233; text-align: center; line-height: 40px; font-weight: initial; margin: 40px 0px 20px 0px; }
.about-r {width: 680px;float: right;height: 418px;background: url(../images/about1.png) right center no-repeat;margin-top: -6px;}
.about-r a { font-size: 18px; color: #192a6d; padding-top: 300px; padding-right: 40px; display: block; text-align: right; }
.about-r a:hover { color: #cc0000; }
/*  */
.tit { text-align: center; height: 143px; background: url(../images/5.gif) no-repeat center bottom; font-size: 49px; font-weight: bold; color: #333; }
.tit a { color: #333; font-size: 38px; font-weight: bold; }
.tit em { display: block; font-size: 19px; padding-top: 21px; color: #666; font-weight: normal; margin-bottom: 24px; }
/*  */
.w12 { width: 1200px; margin: 0 auto; display: block; }
.adv {padding-top: 12px;overflow: hidden;}
.adv .tit { margin-bottom: 40px; }
.adv dl { height: 500px; }
.adv dt { width: 960px; height: 500px; overflow: hidden; margin-left: -360px; float: left; }
.adv dt img { display: block; width: 960px; height: 500px; }
.adv dd { width: 510px; float: right; margin-top: 46px; }
.adv dd h3 { font-size: 26px; color: #183f9c; }
.adv dd h3 span { display: block; font-size: 40px; font-weight: bold; color: #fc6c2f; background: url(../images/q1.png) no-repeat left center; padding-left: 54px; margin: 8px 0 20px; line-height: 55px; height: 55px; }
.adv dd p { font-size: 15px; line-height: 35px; color: #575757; }
.adv dd h5 { padding-top: 40px; border-top: 1px solid #ddd; margin-top: 25px; }
.adv dd h5 span { display: block; float: left; font-size: 18px; text-align: center; margin-right: 30px; font-weight: normal; color: #666; }
.adv dd h5 span em { display: block; font-size: 18px; color: #252525; }
.adv dd h5 span b { font: 60px Arial; font-weight: bold; }
.adv dl:nth-child(3) dt, .adv dl:nth-child(5) dt { width: 960px; height: 500px; float: right; margin-right: -360px; }
.adv dl:nth-child(3) dt img, .adv dl:nth-child(5) dt img { display: block; width: 960px; height: 500px; }
.adv dl:nth-child(3) dd, .adv dl:nth-child(5) dd { float: left; margin-top: 60px; }
.adv dl:nth-child(4) dd { margin-top: 60px; }
.adv dl:nth-child(4) dd h3 span { background: url(../images/q2.png) no-repeat left center; }
.adv dl:nth-child(3) dd h3 span { background: url(../images/q3.png) no-repeat left center; }
.adv dl:nth-child(5) dd h3 span { background: url(../images/q4.png) no-repeat left center; }
/*  */
.newsbg { margin-top: 30px; margin-bottom: 12px; }
/*  */
.nt1 {height: 40px;line-height: 40px;margin-bottom: 12px;background: #ffffff;box-shadow: 0 0 5px rgba(0,0,0,0.5);}
.nt1 h3 { display: inline-block; height: 100%; width: 104px; margin-right: 17px; background: #f35008; font-size: 18px; font-weight: bold; color: #fff; text-align: center; float: left; }
.nt1 span { font-size: 14px; color: #b3b3b3; }
.nt1 a { float: right; margin-right: 17px; color: #f35008; font-size: 12px; }
/*  */
.news1 {width: 423px;float: left;margin-right: 15px;}
.news1 li:hover {    box-shadow: 0 0 10px rgba(0,0,0,0.5); }
.news1 li a {display: block;margin-bottom: 3px;height: 42px;line-height: 42px;padding-left: 28px;padding-right: 7px;background: url(../images/ico-news.png) no-repeat 6px center;}
.news1 li a p {display: inline-block;width: 286px;float: left;font-size: 14px;color: #333333;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;font-weight: 200;}
.news1 li a span { float: right; color: #847b78; }
.news2 { width: 354px; float: right; padding-bottom: 12px; }
/*  */
/*  */
.nimg {width: 100%;position: relative;margin-bottom: 4px;height: 188px;overflow: hidden;}
.nimg img {width: 100%;}
.nimg p {position: absolute;bottom: 18px;width: 93%;height: 36px;line-height: 36px;font-size: 14px;font-weight: 300;text-indent: 31px;color: #ffffff;background: #0c0d1a82 url(../images/ico-news.png) no-repeat 8px center;}
/*  */
/*  */
#links_bg { width: 100%; height: 80px; line-height: 80px; border-top: 1px solid #d0d0d0; }
#links_c { width: 1200px; margin: 0 auto; line-height: 80px; }
#links_c_l { width: 160px; float: left; text-transform: uppercase; font-size: 18px; }
#links_c_r { width: 1040px; float: left; margin-left: 56px; }
#links_c_r a { font-size: 14px; }
.linkTagcs ul { margin: 0px; padding: 0px; list-style-type: none; }
.linkTagcs li { list-style: none; margin: 0px; padding-right: 7px; float: left; line-height: 80px; }
.linkTagcs li a { color: #234bba; word-break: break-all; }
.linkTagcs li img { border: 0px; }
/*  */
.honor{
    background: #2133a3;
    padding-bottom: 22px;
}
.cp1 { }
.cp1 ul li {width: 204px;float: left;margin: 0 5px 8px;border: 1px #cccccc solid;text-align: center;margin-top: 12px;background: white;}
.cp1 ul li:hover { box-shadow: 0 0 10px rgba(0,0,0,0.5) }
.cp1 ul li div {width: 96%;height: 260px;overflow: hidden;margin: 0 auto;margin-bottom: 10px;margin-top: 12px;}
.cp1 ul li img {/* width:100%; */ height: 100%; margin: 0 auto; display: block; }
.cp1 ul li p {text-align: center;font-size: 13px;width: 100%;white-space: nowrap;overflow: hidden;text-overflow: ellipsis;color: #03A9F4;font-weight: 200;margin-bottom: 8px;display: block;}
.cp1 ul li p a { color: #140601; }
/*  */
.about-t{
    overflow: hidden;
    width: 100%;
    height: 60px;
    line-height: 60px;
    color: #ffeb3b;
    font-weight: 800;
    font-size: 36px;
    margin-bottom: 30px;
}
.about-t span{}